<template>
  <div id="holddetailslist"> 


          <el-table :data="datalist" style="width: 100%" :height="dtheight" :header-cell-style="{background:'#4F81BC',color:'white'}"
           :row-class-name="tableRowClassName"  :border="true">
                
                  <el-table-column label="种类名称"  align='center' >                   
                    <template slot-scope="scope">                   
                        <span >{{ scope.row.manor_title }}</span>
                    </template>
                </el-table-column>
                <el-table-column :label="variable_name4 + '编号'"  align='center' >                   
                    <template slot-scope="scope">                   
                        <span >{{ scope.row.pid }}</span>
                    </template>
                </el-table-column>
                <el-table-column label="产出时间"  align='center' >                   
                    <template slot-scope="scope">                   
                        <span >{{ scope.row.time }}</span>
                    </template>
                </el-table-column>
           
                <el-table-column label="自动收获时限"  align='center' >                   
                    <template slot-scope="">                   
                        <span >12</span>
                    </template>
                </el-table-column>

                <el-table-column label="当前价值"  align='center' >                   
                    <template slot-scope="scope">                   
                        <span >{{ scope.row.price }}</span>
                    </template>
                </el-table-column>
                <el-table-column label="已经产出"  align='center' >                   
                    <template slot-scope="scope">                   
                        <span v-if="scope.row.status == 'HOLD_INITIAL'">0</span>
                         <span v-else>{{ scope.row.release_price }}</span>
                    </template>
                </el-table-column>
                <el-table-column label="当前状态"  align='center' >                   
                    <template slot-scope="scope">                   
                        <span v-if="scope.row.status == 'HOLD_INITIAL'">持有，初始派发</span>
                        <span v-if="scope.row.status == 'HOLD_PRODUCING'">持有，产出中</span>
                        <span v-if="scope.row.status == 'HOLD_PRODUCED'">持有，已产出 （待收获)</span>
                        <span v-if="scope.row.status == 'ONSALE'">正在挂卖</span>
                        <span v-if="scope.row.status == 'SELL_OUT'">已卖出</span>
                        <span v-if="scope.row.status == 'FULL_AMOUNT'">已满值可拆分</span>
                        <span v-if="scope.row.status == 'APPLY_SPLIT'">已申请拆分</span>
                        <span v-if="scope.row.status == 'FINISH_SPLIT'">已拆分</span>
                        <span v-if="scope.row.status == 'TRIPLE_EXCHANGE_DOB'">三倍兑换{{ variable_name3 }}</span>
                        <span v-if="scope.row.status == 'TAKE_DELIVERY_MANUAL'"> 已收获（手动）</span>
                        <span v-if="scope.row.status == 'TAKE_DELIVERY_AUTO'"> 已收获（自动）</span>
                        <span v-if="scope.row.status == 'APPEALING'">申诉中/赎回中</span>
                        <span v-if="scope.row.status == 'GAMEOVER'">所有价值全部发放</span>
                    </template>
                </el-table-column>
                <el-table-column label="操作" align='center' width="200px" >
                    <template slot-scope="">
                       
                    </template>
                </el-table-column>
                  
  
            </el-table>  


   </div>
</template>

<script>

export default {
   name: 'holddetailslist',
   props:{
      datalist:{  
        //type:Array,
       default:()=>[]
     },
  },
  data () {
    return {
        dtheight:'500',  //窗口高度
    }
  },
   components:{

  },
  created(){
     this.dtheight = window.innerHeight - 255
      
  },
  mounted (){
    
  },
  methods: {


  }
}
</script>


<style scoped>

</style>